<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Index</title>
  <script type="text/javascript" src="js/common.js" charset="utf-8"></script>
  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="style/reset.css">
  <link rel="stylesheet" href="style/index.css">
  <link rel="stylesheet" href="style/common.css">
</head>
<body>
  <!-- 最大容器 -->
  <div class="wapper">
    <!-- 头部 -->
    <div class="header">
      <!-- bootstrap导航条 -->
      <nav class="navbar navbar-default">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
              <img src="images/logo.png" alt="">
            </a>
          </div>
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right navul">
              <li><a href="index.html">首页</a></li>
              <li><a href="show.html">产品展示</a></li>
              <li><a href="aboutus.html">关于我们</a></li>
              <li><a href="action.html">企业动态</a></li>
              <li><a href="contact.html">联系我们</a></li>
              <li><a href="server.html">售后服务</a></li>
              <li><a href="news.html">新闻资讯</a></li>
              <li><a href="plan.html">解决方案</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
    </div>
    <!-- 轮播图 -->
    <div class="bannerout">
      <div class="banner">
        <ul class="ul">
          <li>
            <a href="detail.html"><img src="images/index_banner01.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/index_banner01.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/index_banner01.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/index_banner01.jpg" alt=""></a>
          </li>
        </ul>
        <div class="unique">
          <div class="square">
            <h2>别具非凡 非凡缔造</h2>
            <h3>Unique <br>Extraordinary</h3>
            <p>来自欧洲的理想光源保留<br>生活本真<br>纯净部分的极简主义</p>
          </div>
        </div>
        <ul class="bar">
          <li class="cur"></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
        <a href="javascipt:;" class="aa left">&lt;</a>
        <a href="javascipt:;" class="aa right">&gt;</a>
      </div>
    </div>
    <!-- 核心业务 -->
    <div class="core">
      <div class="title">
        <h3>核心业务</h3>
        <p>Core Business</p>
      </div>
      <div class="text">
        <p>照明灯具的作用已经不仅仅局限于照明，也是家居的眼睛，更多的时候它起到的是装饰作用。因此照明灯具的选择就要更加复杂得多，它不仅涉及到安全省电，而且会涉及到材质、种类、风格品位等诸多因素。一个好的灯饰，可能一下成为装修的灵魂。照明灯具的品种很多，有吊灯、吸顶灯、台灯、落地灯、壁灯 、射灯等;照明灯具的颜色也有很多，无色、纯白、 粉红、浅蓝、淡绿、金黄、奶白。选灯具时，不要只考虑灯具的外形和价格，还要考虑亮度，而亮度的定义应该是不刺眼、经过安全处理、清澈柔和的光线。</p>
        <a href="show.html">更多</a>
      </div>
    </div>
    <!-- 业务图片 -->
    <div class="businesspic">
      <div class="busipic">
        <ul class="busiul">
          <li><a class="imgout" href=""><img src="images/index_pic01.png" alt=""></a></li>
          <li><a class="imgout" href=""><img src="images/index_pic02.png" alt=""></a></li>
          <li><a class="imgout" href=""><img src="images/index_pic03.png" alt=""></a></li>
        </ul>
      </div>
    </div>
    <!-- 功能图标 -->
    <div class="powericon">
      <ul class="powerul">
        <li>
          <img src="images/index_icon01.png" alt="">
          <h5>用心做，自然好</h5>
          <p>致力于推出更多经典、时尚、环保、<br>
            经济的灯饰照明产品</p>
        </li>
        <li>
          <img src="images/index_icon02.png" alt="">
          <h5>全球灯饰行业领跑者</h5>
          <p>致力于推出更多经典、时尚、环保、<br>
            经济的灯饰照明产品</p>
        </li>
        <li>
          <img src="images/index_icon03.png" alt="">
          <h5>多年的沉淀与积累</h5>
          <p>致力于推出更多经典、时尚、环保、<br>
            经济的灯饰照明产品</p>
        </li>
      </ul>
    </div>
    <!-- 关于公司 -->
    <div class="aboutc">
      <a class="aboutpic imgout" href="aboutus.html">
        <img src="images/index_pic04.png" alt="">
      </a>
      <div class="abtext">
        <h3>关于公司<br><span>About company</span></h3>
        <p>照明股份有限公司创立于1986年，雄踞“中国灯饰之都”中国古镇镇。历经近30年的发展，成功构成建立灯具、光源、配件等相关产品的集研发、生产、检测和销售于一体的成熟产业链，成为区域灯饰龙头企业。</p>
        <p>Lighting Limited by Share Ltd was founded in 1986 inthe Chese lighting capital town of Zhongshan Ancient Town.After nearly 30years of development ,the successful construction of ther About  company</p>
        <a href="aboutus.html">了解详情</a>
      </div>
    </div>
    <!-- 企业动态 -->
    <div class="information">
      <div class="title">
        <h3>企业动态</h3>
        <p>News information</p>
      </div>
      <ul class="inforul">
        <li>
          <a class="inforimg imgout" href="detail.html">
            <img src="images/index_pic05.png" alt="">
          </a>
          <h5>中山外交总是零时来访</h5>
          <p>以绝对温度K来表示，是将一标准黑体加热，温度升高至某一程度时，颜色开始由红-浅红-橙黄-白-蓝白-蓝，逐渐变化，利用这种光色变化的特性</p>
        </li>
        <li>
          <a class="inforimg imgout" href="detail.html">
            <img src="images/index_pic06.png" alt="">
          </a>
          <h5>中山外交总是零时来访</h5>
          <p>以绝对温度K来表示，是将一标准黑体加热，温度升高至某一程度时，颜色开始由红-浅红-橙黄-白-蓝白-蓝，逐渐变化，利用这种光色变化的特性</p>
        </li>
        <li>
          <a class="inforimg imgout" href="detail.html">
            <img src="images/index_pic07.png" alt="">
          </a>
          <h5>中山外交总是零时来访</h5>
          <p>以绝对温度K来表示，是将一标准黑体加热，温度升高至某一程度时，颜色开始由红-浅红-橙黄-白-蓝白-蓝，逐渐变化，利用这种光色变化的特性</p>
        </li>
        <li>
          <a class="inforimg imgout" href="detail.html">
            <img src="images/index_pic08.png" alt="">
          </a>
          <h5>中山外交总是零时来访</h5>
          <p>以绝对温度K来表示，是将一标准黑体加热，温度升高至某一程度时，颜色开始由红-浅红-橙黄-白-蓝白-蓝，逐渐变化，利用这种光色变化的特性</p>
        </li>
      </ul>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="footerin">
        <img src="images/logo_02.png" alt="">
        <ul class="footul">
          <li>
            <p>购物指南</p>
            <ul>
              <li><a href="">如何注册</a></li>
              <li><a href="">购物流程</a></li>
              <li><a href="">客服热线</a></li>
            </ul>
          </li>
          <li>
            <p>配送方式</p>
            <ul>
              <li><a href="">用户自提</a></li>
              <li><a href="">送货上门</a></li>
              <li><a href="">配送范围及运费</a></li>
              <li><a href="">验货或签收</a></li>
            </ul>
          </li>
          <li>
            <p>售后服务</p>
            <ul>
              <li><a href="">退换货流程</a></li>
              <li><a href="">跟踪和回访</a></li>
              <li><a href="">维修说明</a></li>
            </ul>
          </li>
          <li>
            <p>退换货流程</p>
            <ul>
              <li><a href="">正品保障</a></li>
              <li><a href="">先行赔付</a></li>
              <li><a href="">天无条件退换</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script src="js/banner.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
</body>
</html>